 <div class="padding-all ">
 <div ng-include src="'/ksr/partials/breadcrumb.htm'"></div>
 </div>
 <div class="padding-all ">
<div class="panel panel-default">
  <!-- Default panel contents -->
  <div class="panel-heading">
    <span class="bold capitalize">{{customer.firstName}} {{customer.lastName}}</span>&apos;s Photos
  </div>
  <!-- List group -->
  <ul class="list-group">
	<li class="list-group-item">
	    	<a ng-href="#/customer-photos/{{customer.id}}" class="block"><span>Add or remove photos</span></a>
	    <div class="margin-top" ng-if="customer.pictures">
	      <span class="margin-bottom" ng-class="{'margin-right':!$last}" ng-repeat="pic in customer.pictures">
	    	   <img ng-src="{{baseUrl}}{{pic.rootPath}}{{pic.pictureFolder}}/{{pic.square60ImageFilename}}"  class="round-corner" ng-class="{'border-all-orange':pic.id===customer.primaryPicture.id}"/>
	      </span>
	    </div>  
      </li>
  </ul>
</div>
 </div>
 <!-- 
 <br/>
 <pre ng-bind="reviewList| json"></pre>
 <pre ng-bind="customer| json"></pre>
  -->